<template>
	<view class="card-item">
		<view class="card-item-left">
			{{leftText}}
		</view>
		<view class="card-item-right">
			{{rightText}}
		</view>
	</view>
</template>

<script>
	export default {
		props: ['leftText', 'rightText'],
		data() {
			return {

			}
		},
		mounted() {

		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.card-item {
		display: flex;
		font-size: 28rpx;
		font-weight: 500;
		color: #666666;
		margin-bottom: 6rpx;
		// align-items: center;
	}

	.card-item-left {
		line-height: 50rpx;
	}

	.card-item-right {
		flex: 1;
		line-height: 50rpx;
	}
</style>
